{% extends "crt/view.html" %}

{% block page_path %}home{% endblock %}
{% block view_area %}

<link type="text/css" href="/static/css/style.css" rel="stylesheet" />
<link type="text/css" rel="stylesheet" href="/static/css/infovis.css" />
<link type="text/css" rel="stylesheet" href="/static/css/spacetree.css" />

<script language="javascript" type="text/javascript" src="/static/js/compressed/Spacetree.js"></script>
<script language="javascript" type="text/javascript" src="/static/js/compressed/infovis.js"></script>
<script language="javascript" type="text/javascript" src="/static/js/compressed/static1-spacetree.js"></script>

    {% for problem in problems %}
        <hr/>
        Problem: {{ problem.name }}<br/>
        Description: {{ problem.description }}<br/>
    {% endfor %}


<div id="header">
	


</div>
<div id="left">
	
	<div id="details" class="toggler left-item">Details</div>

<div class="element contained-item">
	<div class="inner" id="inner-details">
	<h4>

		Random generated ST.
	</h4>
	<div class="text">
		Click <b><a id="switch" href="#" >here</a></b> to switch tree orientation.
	</div>
	<div class="text">

		I added a static random tree generator to the spacetree in order to
		make an <em>infinite</em> large ST.
	</div>

</div>


</div>

	
</div>
<canvas id="infovis"></canvas>
<div id="label_container"></div>


<div id="log"></div>


{% endblock %}
